/*******************************/
/* N A V I G A T I O N         */
/*******************************/

/* navigationMain */
#navigationMainContent {
    float: right;
    padding:30px 0 0 0;
}

#navigationMainContent ul {
    padding: 0;;
    margin: 12px 0 0 0;
}

#navigationMainContent ul li {
    float: left;
    margin: 0 0 0 43px;
    list-style-type: none;
}

#navigationMainContent ul li ul {display: none;}

#navigationMainContent ul li.active ul {display: block;}

#navigationMainContent ul li a {
    font-family: Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #a2a2a2;
    text-decoration: none;
    padding: 13px 0 13px 0;
    background: transparent no-repeat 50% 150%;

    -webkit-transition:  all 0.1s ease-out;
    -o-transition:  all 0.1s ease-out;
    -moz-transition:  all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

#navigationMainContent ul li.active a,
#navigationMainContent ul li.active span {
    font-family: Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #114767;
    text-decoration: none;
    padding: 13px 0 13px 0;
    background: transparent url(../cachepics/main_navi_hover.png) no-repeat 50% 0;

    -webkit-transition:  none 0.1s ease-out;
    -o-transition:  none 0.1s ease-out;
    -moz-transition:  none 0.1s ease-out;
    transition: none 0.1s ease-out;
}
#navigationMainContent ul li.active a:hover,
#navigationMainContent ul li.active span:hover {
    background: transparent url(../cachepics/main_navi_hover.png) no-repeat 50% 0;
    cursor: pointer;
}

#navigationMainContent ul li a:hover {
    color: #114767;
    cursor: pointer;
}

#navigationMainContent ul li a:hover {
    background: url(../cachepics/main_navi_hover.png) no-repeat 50% 0;
}




/* navigationFooter */
#navFooter {
    padding: 35px 0 0 0;
}

#navFooter ul {
    float: left;
    padding-left: 0;
}

#navFooter ul li {
    float: left;
    margin: 0 0 0 14px;
    list-style-type: none;
}

#navFooter ul li a,
#navFooter ul li span {
    font-family: Arial,sans-serif;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    padding: 6px 7px;

    -webkit-transition:  all 0.1s linear;
    -o-transition:  all 0.1s linear;
    -moz-transition:  all 0.1s linear;
    transition: all 0.1s linear;
}

#navFooter ul li a:hover,
#navFooter ul li span:hover {
    color: #ffffff;
    background-color:  #051c29;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#navFooter ul li span {
    color: #ffffff;
    background-color:  #051c29;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


/* SUBNAVIGATION */

#navigationMainContent ul li.active ul {
    position:absolute;
    background-color: #FFFFFF;
    border-radius: 0 0 5px 5px;
    height: 24px;
    padding:0 20px 0 0;
    margin:18px 0 0 -145px;
}


#navigationMainContent ul li.active ul li {
    float: left;
    margin: 0 0 0 18px;
    list-style-type: none;
}

#navigationMainContent ul li.active ul li.active span,
#navigationMainContent ul li.active ul li a {
    font-weight: bold;
    font-family: Arial,sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #989898;
    text-decoration: none;
    padding: 0 0 13px 0;
    -webkit-transition:  all 0.1s ease-out;
    -o-transition:  all 0.1s ease-out;
    -moz-transition:  all 0.1s ease-out;
    transition: all 0.1s ease-out;
    background-image:none;
    display:block;
}

#navigationMainContent ul li.active ul li a:hover,
#navigationMainContent ul li.active ul li.active:hover {
    color: #114767;
    cursor: pointer;
    background-image:none;
}

#navigationMainContent ul li.active ul li.active a {
    color: #114767;
    background-image:none;
}

#navigationMainContent ul li.active ul li.active span {
    color: #114767;
    text-decoration: none;
}